<template>
  <div class="news">
    <h2>News</h2>
    <div>
      <button>娱乐新闻</button>
      <button>国内新闻</button>
      <button>国际新闻</button>
    </div>

    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: "News",
   mounted() {
    console.log("News--mounted");
  },
  beforeDestroy() {
    console.log("News--beforeDestroy");
  },
  activated() {
    console.log("News---激活");
  },
  deactivated() {
    console.log("News---失活");
  },
};

</script>

<style scoped>
.news {
  background-color: yellowgreen;
}
</style>
